<!-- directive:title ascII 通用字符-->
<!-- directive:breadcrumb 图标字体化 -->
<div class="panel-body">
    <div class='panel panel-default'>
        <div class='panel-heading'> 请广告运营在接收广告代码时候用这个进行一下判断 非代码可用字符应提取出 </div>
        <div class='panel-body'>
            <script type="text/xianjs" ui-bs>
                1234567890qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM~!@#$%^&*()_+|-=\[];',./{}:"<>?/*-+.
            </script>
            <style media="screen" ui-bs>
                .x1{ background:#e91e63; color:#fff; padding: 0 2px; border-right: 10px solid #FFEB3B; }
                .x2{ background: #009688; color: #fff; padding: 0 2px; border-right: 10px solid #FFEB3B; }
            </style>
            <article class="docs-content">
                <p>就用下面这种方式来写代码演示即可</p>
                <p><input type="text" ng-model="code" value=""></p>
                <pre>{{code}}</pre>
                <p><span ng-repeat="row in codeArr" ng-class="['x1','x2'][row.s]">{{row.w}}</span></p>
                <p>预演是结果</p>
                <p><span class="x2" style="">a</span><span class="x2">b</span><span class="x2">c</span><span class="x2">d</span><span class="x2">3</span><span class="x2"> </span><span class="x1" style="">！</span><span class="x2">@</span><span class="x2">#</span><span class="x1">￥</span><span class="x2">%</span><span class="x1">…</span><span class="x1">…</span><span class="x2"> </span><span class="x2"> </span><span class="x2"> </span><span class="x2"> </span><span class="x2"> </span><span class="x2">&amp;</span><span class="x2">*</span><span class="x1">（</span><span class="x2">*</span><span class="x1">）</span><span class="x1">：</span><span class="x1">“</span><span class="x2">{</span><span class="x2">}</span><span class="x1">《</span><span class="x1">》</span><span class="x1">？</span></p>
                <pre>			function replaceParamVal(paramName,replaceWith){
			    var oUrl = top.location.href.toLowerCase();
			    var re = eval('/('+ paramName+'=)([^&]*)/gi');
			    var nUrl = oUrl.replace(re,paramName+'='+replaceWith);
			    return nUrl;
			}</pre>
            </article>
        </div>
    </div>
    <pre style="font-size: 18px;font-family: monospace;">
        ┌┬┐┌─┐┍┯┑╔╦╗┏┳┓┏━┓┎┰┒╔═╗
        ├┼┤│┼│┝┿┥╠╬╣┣╋┫┃╋┃┠╂┨║╬║
        └┴┘└─┘┕┷┙╚╩╝┗┻┛┗━┛┖┸┚╚═╝
        ╓╥╖╒╤╕┏┱┐┌┲┓┌┬┐┏┳┓╭─╮╱─╲
        ╟╫╢╞╪╡┡╃┤├╄┩┟╁┧┞╀┦│╳││┼│
        ╙╨╜╘╧╛└┴┘└┴┘┗┻┛└┴┘╰─╯╲─╱
        ┄┈┉┅┇┋ㅐㅒㅖ┊┆ㅔㅕㅛ≒
        ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
        © ® ™
        ～≈∽≋~﹏﹋﹌˜ˆ︴
        ♥❤❥❣♠♣♧♡❦❧ღ۵ஐ
        ♩♪♫♬€§¶♭♯$Ψ∮‖⌒
        ♔♕♖♗♘♙♚♛♜♝♞♟
        ☺☻☹〠㋡㋛シッツヅ〲〴ϡتﭢ
        ✔☑✓√☒✗✘ㄨ✕✖╳メンх×
        ☼☀☁☂☄☾☽❄☃⊙☉℃℉❅✺↯
        ◤◥◄►▶◀◣◢▲▼◥▸◂▴▾△▽▷◁⊿▻◅▵▿▹◃◩◪∆∇◬◭◮
        °ºoO·•◎○●❍◉◌◍⊙☉Θ⊖⊘⊕⊗⊜◍◐◑◒◓◔◕◖◗❂☢☼¤☪☺☻◘◙
        ★✰☆✩✡✪✫✬✭✮✯✢⋆✢✣✤✥❋✦✧❂✱✲✳✴✵✶✷✸✹✺✻✼❄❅❆❇❈❉❊
        ✽✾✿❁❃❋❀☜☞☝✍☚☛☟✌™℠℗©®Ⓐ☮✌☪✡☭✯卐✐✎✏✑✒✍✉✁✂✃✄✆✉☎☏†☨✞✝☥☦☓☩☯☧☬☸✡♁✙♆✠‡☃☬☣☤
        ▪▫■□▢⊡▣❏❑❐❒◙◘▤▥▧▨▦▩⊟◫⊞⊠◧◨◩◪▬▭▮▯░▒▓♦⋄▱▰◆◇◈۞▁
        ▂▃▄▅▆▇█▏▎▍▌▋▊▉✚✜◰◱◲◳◻◼◽◾⧈▛▜▝▞▟▖▗▘▙▚
        ➟➡➢➣➤➥➦➧➨➚➘➙➛➜➝➞➸♐➲➳⏎➴➵➶➷➸➹➺➻➼➽➫➬➩➪➭➮➯➱↖↑↗↥⇡↴←↕→↤↨↦⇠⇢↔
        ↙↓↘↧⇣↵↱↰↿↾⇀↼↝↜↞↠↳↲⇃⇂⇁↽↬↫↪↩⇟↡↣↢⇝↭⇜↛↮↚⇞↟⇥⇤↶↷↺↻↯⇖⇑⇗⇈⇧⇄⇐⇕⇒⇇⇅⇉⇦⇪⇨↹⇙⇓⇘⇊⇩⇆⇛⇔⇚⇍⇎⇏⇋⇌↸
        ＄％￦Ｆ′″℃Å￠￡￥¤℉‰€
        ㎕㎖㎗ℓ㎘㏄㎣㎤㎥㎦㎙㎚㎛㎜㎝㎞㎟㎠㎡㎢㏊㎍㎎㎏
        ㏏㎈㎉㏈㎧㎨㎰㎱㎲㎳㎴㎵㎶㎷㎸㎹㎀㎁㎂㎃㎄㎺㎻㎼㎽㎾㎿㎐㎑㎒㎓㎔
        Ω㏀㏁㎊㎋㎌㏖㏅㎭㎮㎯㏛㎩㎪㎫㎬㏝㏐㏓㏃㏉㏜
        。，、：∶；‘’“”〝〞ˇ﹕︰﹔﹖﹑·¨.¸;´？！～—｜
        ‖ˆ＂〃｀@﹫¡¿﹏﹋︴々﹟#﹩$﹠&﹪%￣¯―﹨˜
        ﹍﹎＿~﹡﹢×-﹦（）〈〉‹›﹛﹜『』〖〗［］《》
        〔〕{}「」【】︵︷︿︹︽_︶︸﹀︺︾ˉ﹂‐﹄︼︻﹁﹃□…→
        +-×÷=≠≈≥≮^∽≌≯＜＞≥≤‖∠≡＋－±/≤㏑∨⊙㏒‖∑
        ∈∠⌒℅%‰∶∪∴∵∝∞∏∫∮∟⊿∷⊥∧∩√℃℉
        ㎎㎏㎜㎝㎞㎡㏄㏎㏑㏒㏕‱∫∬∭∮∯∰∱∲∳
        ①②③④⑤⑥⑦⑧⑨⑩
        ⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳㉑㉒㉓㉔㉕㉖㉗㉘㉙㉚㉛㉜㉝㉞㉟㊱㊲㊳㊴㊵㊶㊷㊸㊹㊺㊻㊼㊽㊾㊿⓪ⓞ⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾
        ⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇
        ➊➋➌➍➎➏➐➑➒➓⓫⓬⓭⓮⓯⓰⓱⓲⓳⓴
        º¹²³⁴⁵⁶⁷⁸⁹
        ₀₁₂₃₄₅₆₇₈₉
        ⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛
        ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ
        ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ
        ㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉
        ㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩
        ├凵廾尢弋彡夕宀彐孑牜冃肀毋氺疋耒覀缶臼聿艮糹豕豸隹飠廴尸矛ㄦㄤㄠ丨丩丬丶丷丿乀乁乂乄乆乛
        亅亠亻冂冫冖刂讠辶釒钅阝饣卩卪厸厶厽孓巛巜彳忄扌攵氵灬爫犭疒癶礻纟罒罓耂艹虍訁⺈⺋⺁
        ⺄⺌⺗⺧⺪⺮⺳⺶⺷⺻⻊㑳㑇兦亼亽亖亗吂凸凹卝卍卐匸皕旡玊尐开朩乙
        ⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ
        ⒶⒷⒸⒹⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉⓊⓋⓌⓍⓎⓏ
        ⒜⒝⒞⒟⒠⒡⒢⒣⒤⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵
        丨亅丿乛一乙乚丶勹冫卜厂刂匚阝丷几卩冂冖凵人亻入十厶亠匸讠廴艹屮彳巛
        辶廾彐彑宀犭彡饣扌氵纟囗兀忄尢灬卝旡耂肀牜爿攴攵礻殳尣毋爻爫癶钅疒罒疋衤
        ㊣㊎㊍㊌㊋㊏㊐㊊㊚㊛㊤㊥㊦㊧㊨㊒㊞㊑㊒㊓㊔㊕㊖㊗㊘㊜㊝㊟㊠㊡㊢㊩㊪㊫㊬㊭㊮㊯㊰㊙㉿囍㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉
        ㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩
        ㍘㍙㍚㍛㍜㍝㍞㍟㍠㍡㍢㍣㍤㍥㍦㍧㍨㍩㍪㍫㍬㍭㍮㍯㍰
        ㏠㏡㏢㏣㏤㏥㏦㏧㏨㏩㏪㏫㏬㏭㏮㏯㏰㏱㏲㏳㏴㏵㏶㏷㏸㏹㏺㏻㏼㏽㏾
        ㋀㋁㋂㋃㋄㋅㋆㋇㋈㋉㋊㋋
        āáǎàōóǒòēéěèīíǐìūúǔùǖǘǚǜüêɑńňɡ
        ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩ
        ΑΒΓΓΔΕΖΘΗΚΛΜΝΞΟΠΡΣΤΦΥΦΧ
        αβγδεδεζηθικλμνπξζηυθχψω
        ㄱㄲㄳㄴㄵㄶㄷㄸㄹㄺㄻㄼㄽㄾㄿㅀㅁㅂㅃㅄㅅㅆㅇㅈㅉㅊㅋㅌ
        ㅍㅎㅏㅐㅑㅒㅓㅔㅕㅖㅗㅘㅙㅚㅛㅜㅝㅞㅟㅠㅡㅢㅥㅦㅧㅨㅩㅪ
        ㅫㅬㅭㅮㅯㅰㅱㅲㅳㅴㅵㅶㅷㅸㅹㅺㅻㅼㅽㅾㅿㆀㆁㆂㆃㆄㆅㆆㆇㆈㆉㆊ
        АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
        абвгдеёжзийклмнопрстуфхцчшщъыьэюя
        ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞ
        ただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼ
        ぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんゔゕゖ゚゛゜ゝゞゟ゠ァ
        アィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタ
        ダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポ
        マミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶヷヸヹヺ・ーヽヾヿ㍿
        特殊符号 命名实体 十进制编码
        Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamma; &#915; Δ &Delta; &#916; Ε &Epsilon; &#917; Ζ &Zeta; &#918;
        Η &Eta; &#919; Θ &Theta; &#920; Ι &Iota; &#921; Κ &Kappa; &#922; Λ &Lambda; &#923; Μ &Mu; &#924;
        Ν &Nu; &#925; Ξ &Xi; &#926; Ο &Omicron; &#927; Π &Pi; &#928; Ρ &Rho; &#929; Σ &Sigma; &#931; Τ &Tau;
        &#932; Υ &Upsilon; &#933; Φ &Phi; &#934; Χ &Chi; &#935; Ψ &Psi; &#936; Ω &Omega; &#937; α &alpha; &#945;
        β &beta; &#946; γ &gamma; &#947; δ &delta; &#948; ε &epsilon; &#949; ζ &zeta; &#950; η &eta; &#951; θ &theta;
        &#952; ι &iota; &#953; κ &kappa; &#954; λ &lambda; &#955; μ &mu; &#956; ν &nu; &#957; ξ &xi; &#958;
        ο &omicron; &#959; π &pi; &#960; ρ &rho; &#961; ς &sigmaf; &#962; σ &sigma; &#963; τ &tau; &#964; υ &upsilon;
        &#965; φ &phi; &#966; χ &chi; &#967; ψ &psi; &#968; ω &omega; &#969; ϑ &thetasym; &#977; ϒ &upsih; &#978;
        ϖ &piv; &#982; • &bull; &#8226; … &hellip; &#8230; ′ &prime; &#8242; ″ &Prime; &#8243; ‾ &oline; &#8254; ⁄ &frasl;
        &#8260; ℘ &weierp; &#8472; ℑ &image; &#8465; ℜ &real; &#8476; ™ &trade; &#8482; ℵ &alefsym; &#8501; ← &larr; &#8592;
        ↑ &uarr; &#8593; → &rarr; &#8594; ↓ &darr; &#8595; ↔ &harr; &#8596; ↵ &crarr; &#8629; ⇐ &lArr; &#8656; ⇑ &uArr;
        &#8657; ⇒ &rArr; &#8658; ⇓ &dArr; &#8659; ⇔ &hArr; &#8660; ∀ &forall; &#8704; ∂ &part; &#8706; ∃ &exist; &#8707;
        ∅ &empty; &#8709; ∇ &nabla; &#8711; ∈ &isin; &#8712; ∉ &notin; &#8713; ∋ &ni; &#8715; ∏ &prod; &#8719; ∑ &sum;
        &#8722; − &minus; &#8722; ∗ &lowast; &#8727; √ &radic; &#8730; ∝ &prop; &#8733; ∞ &infin; &#8734; ∠ &ang; &#8736;
        ∧ &and; &#8869; ∨ &or; &#8870; ∩ &cap; &#8745; ∪ &cup; &#8746; ∫ &int; &#8747; ∴ &there4; &#8756; ∼ &sim;
        &#8764; ≅ &cong; &#8773; ≈ &asymp; &#8773; ≠ &ne; &#8800; ≡ &equiv; &#8801; ≤ &le; &#8804; ≥ &ge; &#8805; ⊂ &sub;
        &#8834; ⊃ &sup; &#8835; ⊄ &nsub; &#8836; ⊆ &sube; &#8838; ⊇ &supe; &#8839; ⊕ &oplus; &#8853; ⊗ &otimes; &#8855;
        ⊥ &perp; &#8869; ⋅ &sdot; &#8901; ⌈ &lceil; &#8968; ⌉ &rceil; &#8969; ⌊ &lfloor; &#8970; ⌋ &rfloor; &#8971; ◊ &loz;
        &#9674; ♠ &spades; &#9824; ♣ &clubs; &#9827; ♥ &hearts; &#9829; ♦ &diams; &#9830; _ &nbsp; &#160; ¡ &iexcl; &#161;
        ¢ &cent; &#162; £ &pound; &#163; ¤ &curren; &#164; ¥ &yen; &#165; ¦ &brvbar; &#166; § &sect; &#167; ¨ &uml; &#168;
        © &copy; &#169; ª &ordf; &#170; « &laquo; &#171; ¬ &not; &#172; _ &shy; &#173; ® &reg; &#174; ¯ &macr; &#175;
        ° &deg; d&#176; ± &plusmn; &#177; ² &sup2; &#178; ³ &sup3; &#179; ´ &acute; &#180; µ &micro; &#181;
    </pre>
</div>
